﻿/*html, body {
	overflow: auto;
}*/
body{color: #666;}
.dc { width: 100%; overflow: hidden;}
.header_bg { width: 100%; }
.header { width: 100%; max-width: 1200px; margin: 0 auto; line-height: 100px; }
.header>a  { float: left; }
.header>a >img { vertical-align: middle; }
.header>ul { float: right; }
.header>ul>li { float: left; position: relative; z-index: 10;}
.header>ul>li>a { padding: 0 20px; display: block; height: 99px; line-height: 100px; color: #666666;border-bottom:1px solid #fff; }
.header>ul>li:hover>a { background-color: #1478b6; color: #FFF; }
/*.header>ul>li:hover>a:after { content: ""; width: 80%; height: 2px; position: absolute; left: 10%; top: 98px; background-color: #1478b6; }
*/.header .onnav>a { color: #1478b6; background-color: #fff; }
.header .onnav:after { content: ""; width: 80%; height: 2px; position: absolute; left: 10%; bottom: 0; background-color: #1478b6; }

.header>ul>li>ul{display: none;width: 120px;position: absolute;top: 100px;left: 0; background-color: #1478b6; background-repeat: repeat;z-index: 999;}
.header>ul>li>ul>li{ line-height: 40px;height: 40px;}
.header>ul>li>ul>li>a{ display: block;width: 100%;text-align: center;color: #FFF;border-bottom:1px solid #fff;}
.header>ul>li>ul>li:hover>a { color: #1478b6; background-color: #FFF; }



/*nav*/
.nav_btn { float: right; height: 100px; margin-right: 20px; position: relative; display: none; }
.nav_btn>img { vertical-align: middle; cursor: pointer; }
.nav { position: absolute; top: 100px; left: -172px; width: 210px; background-color: #fff; line-height: 1; padding-bottom: 5px; display: none; z-index: 999; -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3); box-shadow: 0 3px 4px rgba(0,0,0,0.3); }
.nav>li { line-height: 43px; position: relative; font-size: 16px; cursor: pointer; }
.nav>li>span { display: block; border-bottom: 1px solid #1478b6; width: 100%; height: 100%; position: relative; }
.nav>li>span>a { margin-left: 58px; color: #666666; }
.nav>li>span>img { position: absolute; top: 16px; right: 8px; }
.nav>li>ul { background-color: #fff; width: 100%; display: none; }
.nav>li>ul>li { height: 43px; line-height: 43px; border-bottom: 1px dashed #158f4c; }
.nav>li>ul>li>a { margin-left: 58px; line-height: 44px; display: block; color: #666666; }
/*banner*/
.banner { width: 100%; line-height: 0px; height: 100%; position: relative; }
.banner>img { width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
.banner>img:first-child { display: block; }
.banner>ul { position: absolute; bottom: 3%; left: 50%; }
.banner>ul>li:first-child { margin-left: 0px; }
.banner>ul>li { float: left; width: 12px; height: 12px; background-color: #fff; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-left: 5px; cursor: pointer; }
.banner>ul>li.onli { background-color: #1478b6; }
/*banner*/

.content { width: 100%; max-width: 1200px; margin: 0 auto; }
.footer_bg { margin-top: 40px; width: 100%; background-color: #1478b6; color: #fff; }
.footer { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 0; line-height: 30px; text-align: center; }
.min_nav { display: none; }
.c_title { width: 100%; border-bottom: 1px solid #CCC; }
.c_title>div { float: left; line-height: 46px; font-size: 22px; color: #4c4c4c; position: relative; }
.c_title>div:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: -1px; left: 0; background-color: #1478b6; }
.c_title>span { float: right; line-height: 46px; font-size: 12px; color: #858585; vertical-align: middle; }
.c_title>span>a>span { color: #1478b6; }
.xyfw { overflow: hidden; }
.xyfw_c { width: 100%; margin-top: 20px; }
.xyfw_c>ul>li { float: left; width: 25%; }
.xyfw_c>ul>li>div { /*width: 285px;*/
width: 100%; height: 208px; position: relative; margin: 0 auto; margin-bottom: 20px; }
.xyfw_c>ul>li>div >img { display: block; width: 96%; height: 100%; margin: 0 auto; }
.xyfw_c>ul>li>div>a:first-child { display: block;width: 96%;margin: 0 auto;}

.xyfw_c>ul>li>div>a:first-child >img {display: block;border: 0;width: 100%;height: 208px;}

.xyfw_c>ul>li>div>a.pic { position: absolute; bottom: 0; left: 0; right: 0; display: block; width: 96%; height: 36px; line-height: 36px; text-align: center; color: #fff; background-color: #1478b6; margin: auto; }
.xyzx_c_title>div { float: left; width: 108px; height: 35px; margin-right: 1px; }
.xyzx_c_title>div>span { display: block; width: 108px; height: 35px; text-align: center; line-height: 35px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #4c4c4c; }
.xyzx_c_title .ontitle>span { background-color: #1478b6; color: #fff; }
.xyzx_c_title>span { float: right; line-height: 46px; font-size: 12px; color: #858585; vertical-align: middle; margin-right: 20px;}
.xyzx_c_title>span>a>span { color: #1478b6; }
.xyzx_c { margin-top: 20px; }
.xyzx_c_l { width: 66%; float: left; }
.xyzx_c_r { width: 34%; float: left; }
.ontitle1 { display: none; }
.xyzx_c_l_c>div { float: left; width: 40%; max-height: 360px; overflow: hidden; }
.xyzx_c_l_c>ul { float: right; width: 58%; max-height: 360px; overflow: hidden; }
.xyzx_c_l_c>div>a { display: block; width: 100%; max-width: 385px; max-height: 270px; overflow: hidden;  }
.xyzx_c_l_c>div>div { margin-top: 10px; line-height: 22px;  color: #595959; }
.xyzx_c_l_c>div>a >img { display: block;  width: 100%;}
.xyzx_c_l_c>ul>li { line-height: 35px; border-bottom: 1px dashed #CCc; }
.xyzx_c_l_c>ul>li>a { float: left; width: 300px; display: block;/*内联对象需加*/ word-break: keep-all;/* 不换行 */ white-space: nowrap;/* 不换行 */ text-overflow: ellipsis; overflow: hidden; }
.xyzx_c_l_c>ul>li>span { float: right; color: #b2b2b2; }
.xyzx_c_r_c { max-height: 360px; overflow: hidden; }
.xyzx_c_r>* { margin-left: 30px; }
.xyzx_c_r_c>li { margin-bottom: 20px; }
.xyzx_c_r_c>li>div { float: left; width: 55px; height: 50px; }
.xyzx_c_r_c>li>div>span { display: block; width: 55px; height: 20px; background-color: #ccc; color: #737373; line-height: 20px; text-align: center;font-size: 12px; }
.xyzx_c_r_c>li>div>span:first-child { height: 50px; background-color: #1478b6; color: #FFF; font-size: 30px; line-height: 50px; text-align: center; }
.xyzx_c_r_c .xyzx_c_r_c_fa { font-size: 14px; color: #595959; }
.xyzx_c_r_c>li>a { padding-left: 16px; color: #737373; font-size: 12px; line-height: 24px; display: block;/*内联对象需加*/ word-break: keep-all;/* 不换行 */ white-space: nowrap;/* 不换行 */ text-overflow: ellipsis; overflow: hidden; }
.xyzx_c_r_c>li>p { padding-left: 16px; color: #737373; font-size: 12px; line-height: 24px; display: block;/*内联对象需加*/ word-break: keep-all;/* 不换行 */ white-space: nowrap;/* 不换行 */ text-overflow: ellipsis; overflow: hidden; }
/*---------meun-------webnav*/
.meun_bg { width: 100%; border-bottom: 1px solid #eaeaea; }
.meun { width: 100%; max-width: 1200px; margin: 0 auto; }
.meun>ul>li { float: left; width: 16.66666%; }
.meun>ul>li:first-child>a { border-left: 1px solid #eaeaea; }
.meun>ul>li>a { display: block; text-align: center; line-height: 60px; border-right: 1px solid #eaeaea; }
.meun>ul>li>a:hover { background-color: #1478b6; color: #FFF; }
.onmeun>a { background-color: #1478b6; color: #FFF; }
.webnav { width: 100%; margin: 11px auto; height: 20px; line-height: 20px; overflow: hidden; background: url(../images/index_icon.png) no-repeat 0 center; font-size: 12px; }
.webnav>a:first-child { margin-left: 26px; }
.webnav >a { color: #696969; }
.webnav >span { color: #696969; }
/*---------detail_d*/
.detail_d { width: 90%; margin: 0 auto; }
.detail_d_title { width: 100%; text-align: center; padding: 25px 0; }
.detail_d_title>div>span { font-size: 12px; color: #656565; line-height: 24px; }
.detail_d_p { width: 94%; margin: 0 auto; line-height: 24px; }
/*.content>ul>li.c_ulli_f { width: 100%; float: left; min-height: inherit; margin-bottom: 0; }
*/
.dlad>ul>li { padding: 30px 0; border-bottom: 1px dashed #CCC; }
.datetime { width: 74px; height: 75px; float: left; }
.dt_d { display: block; float: left; width: 74px; height: 52px; line-height: 52px; background-color: #f2f2f2; color: #656563; border-bottom: 1px solid #fff; text-align: center; font-size: 30px; }
.dt_ym { display: block; float: left; width: 74px; height: 22px; line-height: 22px; background-color: #f2f2f2; color: #656563; text-align: center; }
.dtle { padding-left: 90px; }
.dtle>a { display: block;/*å†…è”å¯¹è±¡éœ€åŠ */ word-break: keep-all;/* ä¸æ¢è¡Œ */ white-space: nowrap;/* ä¸æ¢è¡Œ */ font-size: 16px; font-weight: bold; line-height: 26px; overflow: hidden; text-overflow: ellipsis; }
.dtle>p { margin-top: 10px; line-height: 20px; max-height: 40px; overflow: hidden; }

.c_ulli { position: relative; }
.c_diy:before, .c_post:before, .c_gardend:before, .c_spa:before { content: ""; width: 3840px; height: 1px; position: absolute; top: 40px; left: -1920px; z-index: -1; background-color: #CCC; }

.content>ul { margin-top: 40px; }
.content>ul>li { float: left; width: 25%; min-height: 200px; margin-bottom: 0px; }

.c_ulli>div { width: 100%; }
.c_ulli>div>span { float: left; font-size: 18px; height: 40px; border-bottom: 1px solid #158f4c; }
.c_ulli>a { display: block;  margin-top: 20px; width: 100%; height: 165px;}
.c_ulli>a>img { display: block;  width: 90%; height: 100%;}
.c_ulli>a.tlink { float: left; font-size: 16px;height: 24px; line-height: 24px;margin-top: 10px;  word-break: keep-all;/* 不换行 */ white-space: nowrap;/* 不换行 */overflow: hidden; text-overflow: ellipsis;
    width: 90%;
    text-indent: 0px;color: #000;}
.c_ulli>p {width:90%;  font-size: 12px; line-height: 22px; max-height: 88px;overflow: hidden; }




.content>ul>li.c_ulli_f { width: 100%; float: left; min-height: inherit; margin-bottom: 0; }
.pages {padding-top: 10px; line-height:40px; text-align:center; width:1200px; margin-top:20px;}
.pages A { padding: 2px 5px; border: 1px solid #ccc; margin-right:3px; margin-left: 3px;}

/* 小轮播*/
.x_lb { width: auto; height: 280px; background-color: #000; /*width: 320px;*/ }

.x_lb_t {width: 100%; height: 250px; position: relative;}
.x_lb_tt{width: 100%; height: 100%;position: relative;}
.x_lb_tt>li{width: 100%; height: 100%;position: absolute;display: none;}
.x_lb_tt>li:first-child{display: block;}
.x_lb_tt>li>a{display: block;width: 100%;height: 100%;}
.x_lb_tt>li>a>img{display: block;width: 100%;height: 100%;border:0;background-color: #CDADAE;}
.x_lb_tb{position: absolute;bottom: 0;right: 0;}
.x_lb_tb>ul{}
.x_lb_tb>ul>li{float: left;width: 24px;height: 14px;background-color: #CCC;color: #FFF;text-align: center;line-height: 14px;font-size: 12px;cursor: pointer;margin-left: 4px;}

.x_lb_tb .on_x_lb_tb{background-color: #1478b6;}

.x_lb_b { height: 30px; background-color: #fff; }
.x_lb_b>ul { display: block; position: relative; }
.x_lb_b>ul>li { position: absolute; top: 0; bottom: 0; }
.x_lb_b>ul>li>span { display: block; height: 30px; line-height: 30px; background-color: #fff; padding-left: 10px;overflow: hidden; }